<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>就诊报告详情</title>
    <base th:href="@{http://localhost:9090/}"/>
    <script th:src="@{js/jquery-3.2.1.min.js}"></script>
    <script th:src="@{js/buydrugview.js}"></script>
    <style>
        #report{
            border: 2px black solid;
            width: 650px;
            height: 400px;
            margin: auto;
            position: relative;
        }
        #head img{
            position: absolute;
            left: 150px;
        }
        #root button{
            margin: 0px 50px 0px 50px;
        }
        th{
            width: 80px;
        }
    </style>
</head>
<body>
<div th:style="'margin: auto'">
    <div id="report">
        <div id="head" th:style="'text-align: center'">
            <image th:src="@{/img/record.png}" width="8%"></image>
            <h3>
                **医院<br>
                诊断报告药品单
            </h3>
        </div>
        <table border="1" cellpadding="0" cellspacing="0"
               th:style="'margin: auto;width: 600px'">
            <tr>
                <td th:text="药品名称"></td>
                <td th:text="药品编号"></td>
                <td th:text="保质期"></td>
                <td th:text="备注"></td>
                <td th:text="单价"></td>
                <td th:text="数量"></td>
                <td th:text="金额"></td>
            </tr>
            <!--<tr th:each="devices,deviceStat:${devicesList}"></tr>-->
            <tr th:each="drug,drugStat:${drugList}">
                <td th:text="${drug.drugName}"></td>
                <td th:text="${drug.drugNum}"></td>
                <td th:text="${drug.expiration}"></td>
                <td th:text="${drug.drugRemark}"></td>
                <td th:text="${drug.drugPrice}"></td>
                <td th:text="${drug.drugNumber}"></td>
                <td th:text="${drug.drugSinglePrice}"></td>
            </tr>
            <tr>
                <td colspan="6" th:text="总价+':'"></td>
                <td th:text="${drugTotalPrice}"></td>
                <input type="hidden"  id="drugTotalPrice" th:value="${drugTotalPrice}">
            </tr>
        </table>
    </div>
    <div id="root">
        <p th:style="'text-align: center'">
            <button th:text="购买药品" id="paydrug"></button>
            <button th:text="取消" id="back"></button>
        </p>
    </div>
</div>
</body>
</html>